﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }
    </style>
}
<div id="EmergencyDrillEDList" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">

            <header class="px-5 box-border">
                <div class="flex items-center relative">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">
                        <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="EmergencyDrillEDListParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div>
                        <span class="text-[]">应急管理<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">应急演练</span> </span>
                    </div>
                </div>
  
                <div class="w-full h-min-[108px] bg-white" style=" padding: 10px 30px; box-sizing: border-box;border-radius:6px">
                    <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                    <a-row>
                        <a-form layout="inline"
                                :model="EmergencyDrillEDListParams.queryParams.value">
                            <a-form-item label="标题">

                                <a-input v-model:value="EmergencyDrillEDListParams.queryParams.value.Title" placeholder="请输入标题" />
                            </a-form-item>
                            <a-form-item label="日期">
                                <a-range-picker :placeholder="['请选择开始日期','请选择结束日期']" v-model:value="EmergencyDrillEDListParams.queryParams.value.Time" picker="year"   />
                            </a-form-item>
                            <a-form-item label="状态">
                                <a-select allow-clear
                                          placeholder="请选择状态"
                                          show-search
                                          :filter-option="EmergencyDrillEDListParams.filterOption"
                                          v-model:value="EmergencyDrillEDListParams.queryParams.value.Status"
                                          :options="EmergencyDrillEDListParams.statusList.value"
                                          style="width:200px">
                                </a-select>
                            </a-form-item>
                            <a-form-item>
                                <a-space>
                                    <a-button v-on:click="EmergencyDrillEDListParams.getTableList(true)" type="primary">查询</a-button>
                                    <a-button v-on:click="EmergencyDrillEDListParams.handleReset()">重置</a-button>
                                </a-space>
                            </a-form-item>
                        </a-form>
                    </a-row>
                    <div class="flex w-full mt-10">
                        <a-card :bordered="true" class="w-full  mt-12">
                            <template #title>
                                <div class="w-full flex justify-between items-center">
                                    <div class="flex items-center"> <div>应急演练</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{ EmergencyDrillEDListParams.pagination.value.total }}</a-tag></div></div>
                                    <a-button v-if="EmergencyDrillEDListParams.userinfo.value.DepartmentId==20" v-on:click="EmergencyDrillEDListParams.toAdd()" type="primary">新增</a-button>

                                    @*<a-button v-on:click="EmergencyDrillEDListParams.toAdd(1)" type="primary">上传</a-button>
                                    <a-button v-on:click="EmergencyDrillEDListParams.toAdd(2)" type="primary">复查</a-button>*@

                                </div>
                            </template>
                            <a-table v-on:change="EmergencyDrillEDListParams.handleTableChange" :loading="EmergencyDrillEDListParams.pagination.value.loading" :pagination="EmergencyDrillEDListParams.pagination.value" :data-source="EmergencyDrillEDListParams.dataSource.value" :columns="EmergencyDrillEDListParams.columns.value">
                            </a-table>
                        </a-card>
                    </div>
                </div>
                <a-modal v-model:open="EmergencyDrillEDListParams.popShow.value" width="80%" :title="EmergencyDrillEDListParams.popTitle.value" v-on:ok="EmergencyDrillEDListParams.handleOk">
                    <a-spin :spinning="EmergencyDrillEDListParams.Pagination.value.loading" tip="加载中，请耐心等待..." />

                </a-modal>
            </header>

        </a-config-provider>
    </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/EmergencyManagement/EDList.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('EmergencyDrillEDList', Composition, localeValues)
    </script>
}
